{#layout name="public/layout" /#}
{#load href="__ROOT__/assets/css/article.css" /#}
<div class="content_wrapper" id="app">
    <div class="content">
        <div class="information_detailed clearfix">
            <div class="information_detailed_left float">

                <div class="detailed_title_box">
                    <p class="detailed_title">{#$info.title#}</p>
                    <div class="detailed_bottom clearfix">
                        <span class="guide">{#$info.category_text#}</span>
                        {#eq name="info.source" value="0"#}
                        <span class="original">原创</span>
                        {#else/#}
                        <span class="original2">转载</span>
                        <span class="source_reprint">来源：{#$info.source_reprint#}</span>
                        {#/eq#}
                        <p class="handle_right">
                            <el-popover placement="bottom-end" width="200" trigger="hover">
                                <span>
                                    <img :src="shareQrcode" width="174" height="174" />
                                    <span style="display:block;width:174px;text-align: center;">请用微信扫一扫</span>
                                </span>
                                <span class="share" slot="reference">分享</span>
                            </el-popover>
                            <span class="handle_time">{#:date('Y-m-d H:i',$info.addtime)#}</span>
                            <span class="handle_see" v-cloak>{{clickNum}}</span>
                        </p>
                    </div>
                </div>
                <div class="detailed_con editor-content-view">
                    {#$info.content#}
                    {#if condition="count($info.attach) gt 0"#}
                    <div style="margin-top:20px;" class="attach-list">
                        <ul>
                            {#volist name="info.attach" id="vo"#}
                            <li>附件【<a href="{#:url('index/download/index')#}?url={#:urlencode($vo.url)#}&name={#$vo.name#}" target="_blank">{#$i#}：{#$vo.name#}</a>】</li>
                            {#/volist#}
                        </ul>
                    </div>
                    {#/if#}
                </div>
                <div class="detailed_paging clearfix">
                    {#if condition="$prev===null"#}
                    <a class="rec">上一篇： 没有了</a>
                    {#else /#}
                    <a class="rec" href="{#$prev.link_url#}" target="_blank">上一篇： {#$prev.title#}</a>
                    {#/if#}
                    {#if condition="$next===null"#}
                    <a class="rec">下一篇： 没有了</a>
                    {#else /#}
                    <a class="rec" href="{#$next.link_url#}" target="_blank">下一篇： {#$next.title#}</a>
                    {#/if#}
                </div>
            </div>
            <div class="information_detailed_right float">
                <div class="detailed_sort">
                    <div class="sort_title">资讯分类</div>
                    <div class="sort_list">
                        {#volist name="options" id="vo"#}
                        <a href="{#:url('index/article/index',['cid'=>$key])#}">{#$vo#}</a>
                        {#/volist#}
                    </div>
                </div>
                <div class="hot_sort">
                    <div class="hot_sort_title clearfix">
                        热门资讯
                        <a href="{#:url('index/article/index')#}">查看更多&gt;</a>
                    </div>
                    <div class="hotSort_list_wrapper">
                        {#volist name="hotArticleList" id="vo"#}
                        <div class="hot_sort_list">
                            <a href="{#$vo.link_url#}" target="_blank">{#$vo.title#}</a>
                            <span>{#:date('Y-m-d H:i',$vo['addtime'])#}</span>
                        </div>
                        {#/volist#}

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    var id = parseInt("{#$info.id#}")
    var app = new Vue({
        el: '#app',
        data: {
            clickNum: 0,
            shareQrcode: ''
        },
        created: function () {
            this.addClick()
            var locationUrl = "{#$info.share_url#}"
            this.shareQrcode = qscms.apiUrl + qscms.apiList.qrcode + '?type=normal&url=' + locationUrl
        },
        methods: {
            addClick: function () {
                var that = this
                httppost(qscms.apiList.articleClick, { id: id }).then(function (res) {
                    that.clickNum = res.data
                }).catch(function () { })
            },
        }
    })
</script>